<template>
  <div>
    <div class="item" v-for="(item, index) of categoryList" :key="index">
      <div class="item-title border-bottom">
        <span class="item-title-icon"></span>
        {{ item.title }}
        <div v-for='(it,ind) in item.children' :key='ind'  class="item-chilren">
            {{it.title}}
             <div v-for='(its,inds) in it.children' :key='inds'  class="item-chilren">
            {{its.title}}
        </div>
        </div>
       

      </div>
    </div>
  </div>
</template>

<script>

export default {
  name: "",
  components: {},
  props: ["categoryList"],
  data() {
    return {};
  },
  mounted() {},
  methods: {},
  computed: {},
  watch: {},
  created() {},
};
</script>

<style style='stylus' scoped>
.item-title-icon{
    position: relative;
	left: .06rem;
	top: .06rem;
	display: inline-block;
	width: .36rem;
	height: .36rem;
	background: url(http://s.qunarzz.com/piao/image/touch/sight/detail.png) 0 -.45rem no-repeat;
	margin-right: .1rem;
	background-size: .4rem 3rem;
}
	
.item-title{
line-height: .8rem;
	font-size: .32rem;
	padding: 0 .2rem;
}
	
</style>